<template>
  <div class="card-bjgl">
    <Card>
      <div class="class-name">
        <img src="../assets/img/dlkbjt.jpg" width="100px" class="class-image">
        <h4>2000春_PY</h4>
      </div>
      <Form :model="FormData">
        <FormItem label="教师">{{FormData.tearcherName}}</FormItem>
        <FormItem label="人数">{{FormData.count}}</FormItem>
        <FormItem label="计划"><Button type="text" size="small">{{FormData.plan}}</Button></FormItem>
        <FormItem label="类型">{{state[FormData.state]}}</FormItem>
        <FormItem label="状态">{{type[FormData.type]}}</FormItem>
        <FormItem label="进展">{{FormData.progress}}</FormItem>
        <FormItem label="校区">{{FormData.scholl}}</FormItem>
      </Form>
      <!-- 更多内容 -->
      <div class="class-more-icon">
        <Icon type="ios-arrow-up"></Icon>
      </div>
      <!-- 底部 -->
      <div>
        <span>
          <Button type="text" size="small" class="class-btn-text">学生</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">统计</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">考试</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">上课</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">编辑</Button>
        </span>
      </div>
    </Card>
  </div>
</template>
<script>
export default{
  data () {
    return {
      type: ['集训','金牌','体验'],
      state: ['准备','进行中','结束'],
      FormData: {
        tearcherName: '康子娟',
        count: 15,
        plan: '2020春——PY——金牌计划',
        type: 1,
        state: 1,
        progress:15.00,
        scholl: '山东东营校区'
      }
    }
  },
  components: {

  },
  methods: {

  }
}
</script>

<style>
  .card-bjgl {
    width:100%;
    height: 100%;
  }
  .class-image {
    border-radius: 8px;
  }
  .class-name {

  }
</style>
